<template> 
  <input type="text" v-on:keyup.enter="submit" placeholder="捕获到Enter键">
  <input type="text" placeholder="捕获到Esc键" v-on:keyup.esc="e" >
  <input type="text" placeholder="捕获到Tab键" v-on:keyup.tab="t" >
  <input type="text" placeholder="捕获到捕获到Delete和Backspace键" v-on:keyup.delete="d" >
  <input type="text" placeholder="捕获到Ctrl键" v-on:keyup.ctrl="c" >
  <input type="text" placeholder="捕获到Alt键" v-on:keyup.alt="a" >
  <input type="text" placeholder="捕获到Shift键" v-on:keyup.shift="s" >
  <input type="text" placeholder="捕获到Meta键" v-on:keyup.meta="m" >
   <button v-on:click.left="show('捕获到鼠标左键')">按钮</button>
   <button v-on:click.middle="zhong('捕获到鼠标中键')">按钮</button>
   <button v-on:click.right="r('捕获到鼠标右键')">按钮</button>
</template>
<script setup>
let submit = () => console.log('捕获到Enter键')
let e = () => console.log('捕获到Esc键')
let t = () => console.log('捕获到Tab键')
let d = () => console.log('捕获到Delete和Backspace键')
let c = () => console.log('捕获到Ctrl键')
let a = () => console.log('捕获到Alt键')
let s = () => console.log('捕获到Shift键')
let m = () => console.log('捕获到Meta键')
let show = message => console.log(message)
let zhong = message => console.log(message)
let r = message => console.log(message)
</script>
